body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,input{
    margin: 0;
    padding: 0;
}
body{
    min-width: 1200px;
    width: 100%;
}
ol,ul,li{
    list-style: none;
}
a{
    text-decoration: none;
    color: #333;
}
img{
    display: block;
    width: 100%;
    height: 100%;
}
.header{
    width: 1200px;
    height: 100px;
    margin:20px auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.header_left,.header_right{
    height: 100px;
    line-height: 70px;
}
.header_left>li,.header_right>li{
    float: left;
    margin: 0 20px 0 0;
    font-size: 14px;
}
.header_left>li:nth-child(1):hover,.header_left>li:nth-child(2):hover{
    text-decoration:underline;
    cursor: pointer;
}
.nickP{
    padding: 10px;
    text-decoration: none;
}
.nick{
    width: 100%;
    height: 100%;
    position: relative;
    /* display: none; */
    cursor: pointer;
}
.nick.active{
    display: block;
}
.nick_box{
    width: 100%;
    text-align: center;
    position: absolute;
    top: 50px;
    left: -10px;
    background-color: #fff;
    display: none;
}
.logo{
    height: 70px;
}
.logo>img{
    width: 100%;
    height: 100%;
}
.help{
    position:relative;
    cursor: pointer;
}
.help_box{
    width: 640px;
    height: 300px;
    background-color: #fff;
    position: absolute;
    top: 50px;
    left: -500px;
    padding: 40px 30px;
    display: none;
    z-index: 1999;
}
.help_left{
    float: left;
    width: 270px;
    height: 300px;
}
.help_p1{
    font-size: 18px;
    margin-bottom: 10px;
}
.help_p2{
    line-height: 20px;
    color: #ABABAB;
    padding-right:30px;
}
.help_list{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.hlist_l,.hlist_r{
    line-height: 30px;
    font-size: 12px;
    margin: 30px 0;
    color: #464646;
}
.bar{
    width: 2px;
    height: 220px;
    float: left;
    background-color: #F2F2F2;
    margin-top: 20px;
    margin-right: 20px;
}
.hlist_r{
    margin-right: 50px;
}
.help_lright{
    float: right;
}
.consult{
    background-color: #EDD6AD;
    width: 110px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border-radius: 15px;
    margin-bottom:35px;
    border: 1px solid #fff;
}
.consult.active{
    cursor: pointer;
    background-color:#fff;
    border: 1px solid #EDD6AD;
}
.help_cbox1{
    width: 300px;
    display: flex;
    margin-bottom: 10px;
}
.help_p3{
    width:100px ;
    font-size: 14px;
    line-height: 30px;
}
.help_p4{
    line-height: 30px;
    width: 130px;
}
.header_nav{
    width: 1200px;
    height: 70px;
    margin:0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
}
.nav_box{
    height: 70px;
}
.nav_box>li{
    float: left;
    line-height: 70px;
    margin-right: 30px;
    font-size: 20px;
    cursor: pointer;
}
.header_box{
    width: 100%;
    background-color: #fff;
    position: absolute;
    top: 200px;
    left: 0;
    z-index:999;
}
.go_cart{
    position: relative;
    cursor: pointer;
}
.content{
    width: 1200px;
    margin: 0 auto;
    border: 1px solid #333;
}
.top{
    width: 100%;
    height: 100px;
    background-color: #F8EEDF;
}
.top_box{
    height: 100px;
    display:flex;
    /* justify-content: space-between; */
    align-items: center;
    text-align: center;
    padding: 0 20px;
}
.all{
    width: 100px;  
    margin: 0 10px;
}
.info{
    width: 510px;
    margin: 0 10px;
}
.price_t{
    width: 50px;
    margin: 0 10px;
}
.num{
    width: 225px;
}
.p_price{
    width: 125px;
}
.cartBox>li{
    height: 150px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 20px;
    padding: 0 10px ;
    /* border: 1px solid #333; */
    border-radius: 10px;
}
.select{
    width: 100px;
}
.show{
    width: 130px;
    height: 130px;
}
.title{
    width: 240px;
}
.price,.subprice,.del{
    width: 100px;
}
.number{
    width: 150px;
    height: 25px;
    border-radius: 12.5px;
    border:1px solid #333 ;
}
.number>input{
    width: 90px;
    text-align: center;
    outline: none;
    border: none;
}
.number>button{
    outline: none;
    border: none;
    height: 25px;
    font-size: 18px;
    width: 25px;
}
.number>button:nth-child(1){
    border-radius: 10px 0 0 10px;
}
.number>button:nth-child(3){
    border-radius:0 10px 10px 0;
}
.del>button{
    width: 80px;
    height: 30px;
    border-radius: 15px;
    outline: none;
    border: none;
    background-color: #333;
    color: #fff;
}
.bottom{
    width: 1160px;
    height: 100px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #F2F2F2;
    padding: 0 20px;
    text-align: center;
}
.totalPrice,.totalNum{
    width: 200px;
}
.btn>button{
    width: 140px;
    height: 30px;
    border-radius: 15px;
    outline: none;
    border: none;
    background-color: #333;
    color: #fff;
}
.back_list{
    width: 100%;
    height: 100%;
    font-size: 30px;
    color:#333;
    position: absolute;
    top: 50%;
    left: 50%;
    text-align: center;
    line-height: 100%;
    /* display: none; */
    /* transform: translate(-50% -50%); */
}
.back_list.active{
    display: block;
}


